<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    template="/layout/templateInformacao.xhtml">
    <ui:define name="content">
 
        <h:form>
        
            <p>
            <ui:insert name="content">
                
            </ui:insert>
            </p>
            
            <p align="center">
                
            
            <rich:dataTable value="#{mensagemController.listarTodas()}" var="mensagem" id="table" rows="20" rowClasses="odd-row, even-row"
                                styleClass="stable">
                
                <rich:column>
<!-- Coluna do Texto -->
                    <f:facet name="header">
                        <h:outputText value="Texto"/>
                    </f:facet>
                
                    <h:outputText value="#{mensagem.texto}"/>
                </rich:column>
                
                <rich:column>
                    <f:facet name="header">
                        <h:outputText value="Data"/>
                    </f:facet>
                    <h:outputText value="#{mensagem.data}"/>
                </rich:column>
                
                <rich:column>
<!--Coluna da Hora-->
                    <f:facet name="header">
                        <h:outputText value="Hora"/>
                    </f:facet>
                    <h:outputText value="#{mensagem.hora}"/>
                </rich:column>
                
                <rich:column>
<!--Coluna do Status-->
                    <f:facet name="header">
                        <h:outputText value="Status"/>
                    </f:facet>
                    <h:outputText value="#{mensagem.status}"/>
                </rich:column>
                
            </rich:dataTable>
    
            </p>
            <br/>
            
            <h:messages style="font-size: 13px; color: white;"/>
         
      </h:form>
   </ui:define>
    <rich:jQuery selector=".stable tr:odd" query="addClass('odd-row')" />
    <rich:jQuery selector=".stable tr:even" query="addClass('even-row')" />
    <rich:jQuery selector=".stable tr" event="mouseover"
                 query="jQuery(this).addClass('active-row')"/>
    <rich:jQuery selector=".stable tr" event="mouseout"
                 query="jQuery(this).removeClass('active-row')"/>
</ui:composition>
